<div class = "fieldListContainer">
    <div class = "tc mb10 mt10 pl10 pr10">
        <div class = "ui mini icon input" style = "width:100%;">
            <input type = "text" placeholder = "字段搜索" ng-model = "fields.key">
            <i class = "search icon"></i>
        </div>
    </div>
    <section>
        <!--第一维度-->
        <div class = "field-type tc mb10" ng-show = "dimensionality_fields_shown">
            <b class = "ml15">{{dimensionality_name}}</b>
        </div>
        <div class = "fields-wrap x-fields-wrap" ng-show = "dimensionality_fields_shown">
            <div ng-class = "{'fields-item':!field.editing,mt5:true}" ng-repeat = "field in fields.dimensionality track by $index" ng-click = "fly($event,'dimensionality',$index)" ng-show = "field.isShow && field.shown && field.shown_for_search">
                <div ng-show = "field.editing" class = "tc">
                    <div class = "ui input small" ng-click = "stopProp($event)">
                        <input type = "text" ng-model = "field.columnDesc" style = "width:75px;margin-top:-3px;">
                        <b class = "ml10" ng-click = 'field.commitNewName($event,true)'>确定</b>
                        <b class = "ml5" style = "color:#444;" ng-click = "field.commitNewName($event,false)">取消</b>
                    </div>
                </div>
                <b class = "ml20 fieldName" ng-hide = "field.editing">
                    <i class = "columns icon"></i>
                    <b>{{field.columnDesc}}</b>
                </b>
                <div class = "fr mr10 dropdownIcon" ng-click = "showContext($event,field)">
                    <i class = "dropdown icon"></i>
                </div>
            </div>
        </div>
        <!--第二维度-->
        <div class = "field-type tc mb10 mt20" ng-show = "dimensionality2_fields_shown">
            <b class = "ml15">{{dimensionality2_name}}</b>
        </div>
        <div class = "fields-wrap x-fields-wrap" ng-show = "dimensionality2_fields_shown">
            <div class = "mt5 fields-item" ng-repeat = "field in fields.dimensionality2 track by $index" ng-click = "fly($event,'dimensionality2',$index)" ng-show = "field.isShow && field.shown && field.shown_for_search">
                <b class = "ml20">
                    <i class = "columns icon"></i>
                    <b>{{field.columnDesc}}</b>
                </b>
            </div>
        </div>
        <!--度量-->
        <div class = "field-type tc mt20 mb10" ng-show = "measurement_fields_shown">
            <b class = "ml15">{{measurement_name}}</b>
        </div>
        <div class = "fields-wrap y-fields-wrap" ng-show = "measurement_fields_shown">
            <div ng-class = "{'fields-item':!field.editing,mt5:true}" ng-repeat = "field in fields.measurement track by $index" ng-click = "fly($event,'measurement',$index)" ng-show = "field.isShow && field.shown && field.shown_for_search">
                <div ng-show = "field.editing" class = "tc">
                    <div class = "ui input small" ng-click = "stopProp($event)">
                        <input type = "text" ng-model = "field.columnDesc" style = "width:75px;margin-top:-3px;">
                        <b class = "ml10" ng-click = 'field.commitNewName($event,true)'>确定</b>
                        <b class = "ml5" style = "color:#444;" ng-click = "field.commitNewName($event,false)">取消</b>
                    </div>
                </div>
                <b class = "ml20 fieldName" ng-hide = "field.editing">
                    <i class = "columns icon"></i>
                    <b>{{field.columnDesc}}</b>
                </b>
                <div class = "fr mr10 dropdownIcon" ng-click = "showContext($event,field)">
                    <i class = "dropdown icon"></i>
                </div>
            </div>
        </div>
        <!--度量2-->
        <div class = "field-type tc mt20 mb10" ng-show = "measurement2_fields_shown">
            <b class = "ml15">{{measurement2_name}}</b>
        </div>
        <div class = "fields-wrap y-fields-wrap" ng-show = "measurement2_fields_shown">
            <div ng-class = "{'fields-item':!field.editing,mt5:true}" ng-repeat = "field in fields.measurement2 track by $index" ng-click = "fly($event,'measurement2',$index)" ng-show = "field.isShow && field.shown && field.shown_for_search">
                <b class = "ml20">
                    <i class = "columns icon"></i>
                    <b>{{field.columnDesc}}</b>
                </b>
            </div>
        </div>
        <!--组件-->
        <div class = "field-type tc mt20 mb10" ng-show = "condition_fields_shown">
            <b class = "ml15">组件字段</b>
        </div>
        <div class = "fields-wrap con-fields-wrap" ng-show = "condition_fields_shown">
            <div class = "mt5 fields-item" ng-repeat = "field in fields.condition track by $index" ng-click = "fly($event,'condition',$index)" ng-show = "field.isShow && field.shown && field.shown_for_search">
                <div ng-show = "field.editing" class = "tc">
                    <div class = "ui input small" ng-click = "stopProp($event)">
                        <input type = "text" ng-model = "field.columnDesc" style = "width:75px;margin-top:-3px;">
                        <b class = "ml10" ng-click = 'field.commitNewName($event,true)'>确定</b>
                        <b class = "ml5" style = "color:#444;" ng-click = "field.commitNewName($event,false)">取消</b>
                    </div>
                </div>
                <b class = "ml20 fieldName" ng-hide = "field.editing">
                    <i class = "columns icon"></i>
                    <b>{{field.columnDesc}}</b>
                </b>
            </div>
        </div>
    </section>
</div>